<template>
  <div>
  <Code @test="receiveData" />
  {{codeData}}
  </div>
</template>
<script>
import Code from "./components/Code"

export default {
  name: "app",
  components: {
     Code,
  },
  data() {
    return {
     codeData:""
    };
  },
 
  methods: {
   receiveData(val){
     this.codeData=val;
   return this.codeData;
   }
  }
};
</script>
<style lang='scss' scoped>

// .ui-main ::v-deep 将ui-main击穿找到其中所有的元素。
// ::v-deep .ui-main 找到.ui-main为其编辑样式。

::v-deep .ui-button{
  // background-color: yellow;
}
</style>
